Around the globe
Illustrated animated banner ads for Norges Sjømatråd through HK Reklamebyrå
The concept art
Full page background
980x300
768x1024
300x600
300x250
The live result
These banners were a bit of a challenge to code because you need to keep the total filesize below 150kb which is tiny for illustated graphics. A video of the animation of sufficient quality would easily be over ten times as lage, and even larger as a gif. I ended up doing as much in code as possible. I had to export every city as a separate png and position and rotate them with CSS. Try using https://tinypng.com/ for compressing pngs, it's great! For the globe I used a <div> with border-radius: 50% and gradient background which yielded the lowest possible file size.
